<template>
  <div class="tongyongBox">
    <div class="box">
      <el-tabs v-model="flag" @tab-click="handleClick">
        <el-tab-pane label="基本信息" name="1"></el-tab-pane>
        <el-tab-pane label="审查流程" name="2"></el-tab-pane>
      </el-tabs>
      <div class="MainBox1" v-show="flag=='2'">
        <optionList :optionListCode="optionListCode" />
      </div>
      <div class="mainBox" v-show="flag=='1'">
        <div class="basicInfo">
          <div class="basicInfo_title">项目基本信息</div>
          <div class="basicInfo_content">
            <el-row :gutter="20" class="el_row">
              <el-col :span="8">
                <div class="basic">
                  <strong>项目名称：</strong>
                  {{queryCityCenterInfo.name}}
                </div>
              </el-col>
              <el-col :span="8">
                <div class>
                  <b>项目级别：</b>
                  {{queryCityCenterInfo.levelStr}}
                </div>
              </el-col>
              <el-col :span="8">
                <div class="basic">
                  <strong>所属区县：</strong>
                  {{queryCityCenterInfo.districtName}}
                </div>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="el_row">
              <el-col :span="8">
                <div>
                  <b>乡镇：</b>
                  {{queryCityCenterInfo.townName}}
                </div>
              </el-col>
              <el-col :span="8">
                <div class="basic">
                  <strong>行政村：</strong>
                  {{queryCityCenterInfo.villageName}}
                </div>
              </el-col>
              <el-col :span="8">
                <div>
                  <b>项目编号：</b>
                  {{queryCityCenterInfo.number}}
                </div>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="el_row">
              <el-col :span="8">
                <div class="basic">
                  <strong>红线面积：</strong>
                  {{queryCityCenterInfo.hxmj}}公顷
                </div>
              </el-col>
              <el-col :span="8">
                <div>
                  <b>减少建设用地面积：</b>
                  {{queryCityCenterInfo.yjjsj}}公顷
                </div>
              </el-col>
              <el-col :span="8">
                <div class="basic">
                  <strong>实施规模：</strong>
                  {{queryCityCenterInfo.ssgm}}公顷
                </div>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="el_row">
              <el-col :span="8">
                <div>
                  <b>指标使用类型：</b>
                  {{queryCityCenterInfo.projectIndexName}}
                </div>
              </el-col>
              <!-- <el-col :span="8">
                <div class="basic">
                  <strong>是否涉及户改：</strong>
                  {{queryCityCenterInfo.isReformName=='YES'?'是':(queryCityCenterInfo.isReformName=='NO'?'否':'')}}
                </div>
              </el-col>-->
              <el-col :span="8">
                <div>
                  <b>项目类型：</b>
                  {{queryCityCenterInfo.projectTypeName}}
                </div>
              </el-col>
            </el-row>
            <!-- <el-row :gutter="20" class="el_row">
              <el-col :span="8">
              <div class="basic">
                  <strong>是否属于收益权质押项目：</strong>
                  {{queryCityCenterInfo.isBelongProfitPledgeProject=='YES'?'是':(queryCityCenterInfo.isBelongProfitPledgeProject=='NO'?'否':'')}}
                </div>
              </el-col>
              <el-col :span="8">
                <div>
                  <b>是否动用户改周转金：</b>
                  {{queryCityCenterInfo.isChangeUserWorkingCapital=='YES'?'是':(queryCityCenterInfo.isChangeUserWorkingCapital=='NO'?'否':'')}}
                </div>
              </el-col>
            </el-row>-->
          </div>
        </div>

        <div class="basicInfo" id="tableInfo">
          <div class="basicInfo_title">建设信息</div>
          <div class="basicInfo_content">
            <el-row :gutter="20" class="el_row">
              <el-col :span="8">
                <div class="basic">
                  <strong>预计建设规模：</strong>
                  {{queryCityCenterInfo.jsgm}}公顷
                </div>
              </el-col>
              <el-col :span="8">
                <div class>
                  <b>预计新增耕地面积：</b>
                  {{queryCityCenterInfo.xzgdmj}}公顷
                </div>
              </el-col>
              <el-col :span="8">
                <div class="basic">
                  <strong>预计新增耕地比例：</strong>
                  {{queryCityCenterInfo.xzgdbl}}
                </div>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="el_row">
              <el-col :span="8">
                <div>
                  <b>预计新增耕地亩均投资：</b>
                  {{queryCityCenterInfo.xzgdmjtz}}万元/亩
                </div>
              </el-col>
              <el-col :span="8">
                <div class="basic">
                  <strong>预计建设规模均投资：</strong>
                  {{queryCityCenterInfo.jsgmtz}}万元/亩
                </div>
              </el-col>
              <el-col :span="8">
                <div>
                  <b>预计建新规模：</b>
                  {{queryCityCenterInfo.jxgm}}-公顷
                </div>
              </el-col>
            </el-row>
            <el-row :gutter="20" class="el_row">
              <el-col :span="8">
                <div class="basic">
                  <strong>预计建设开始时间：</strong>
                  {{queryCityCenterInfo.planConstructingStartTime}}
                </div>
              </el-col>
              <el-col :span="8">
                <div>
                  <b>预计建设结束时间：</b>
                  {{queryCityCenterInfo.planConstructingEndTime}}
                </div>
              </el-col>
              <el-col :span="8">
                <div class="basic">
                  <strong>资金来源：</strong>
                  {{queryCityCenterInfo.fundSourceStr}}
                </div>
              </el-col>
            </el-row>
          </div>
        </div>

        <div class="basicInfo">
          <div class="basicInfo_title">审查意见信息</div>
          <div class="basicInfo_content basicInfo_options">
            <div class="options" style="margin-top:10px;">
              <div class="options_select">
                <el-checkbox disabled label="设置为星标项目" v-model="isStar" name="type"></el-checkbox>
              </div>
              <p>经办人审查意见</p>
              <div class="boxItem_content_row_item_noFlex_textarea">
                <el-input
                  type="textarea"
                  :rows="3"
                  v-model="jingbanrenOpinion"
                  readonly
                  placeholder="请输入内容"
                ></el-input>
              </div>
              <el-row class="options_row">
                <el-col :span="8">
                  <div class="options_row_title">
                    <p>审查人：</p>
                    <div class="options_row_img">
                      <img :src="$https+jingbanren" />
                      <!-- <el-input readonly v-model="jingbanren" suffix placeholder="请输入内容"></el-input> -->
                    </div>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="options_row_title">
                    <p>审查时间：</p>
                    <el-date-picker
                      v-model="jingbanrenDate"
                      type="date"
                      readonly
                      value-format="yyyy-MM-dd"
                      placeholder="选择日期时间"
                    ></el-date-picker>
                  </div>
                </el-col>
                <!-- <el-col :span="8">
                  <div class="options_row_title">
                    <p>审查状态：</p>
                    <el-select v-model="jingbanrenStatus" disabled placeholder="请选择">
                    <el-option label="同意" value="APPROVED"></el-option>
                    <el-option label="拒绝" value="REJECTED"></el-option>
                  </el-select>
                  </div>
                </el-col>-->
              </el-row>
            </div>
            <div class="options">
              <p>处室负责人审查意见</p>
              <div class="boxItem_content_row_item_noFlex_textarea">
                <el-input
                  type="textarea"
                  :rows="3"
                  v-model="chushirenOpinion"
                  :readonly="isReadonly"
                  placeholder="请输入内容"
                ></el-input>
              </div>
              <el-row class="options_row">
                <el-col :span="8">
                  <div class="options_row_title">
                    <p>审查人：</p>
                    <div class="options_row_img">
                      <img :src="$https+chushiren" />
                      <!-- <el-input :disabled="true" v-model="chushiren" suffix placeholder="请输入内容"></el-input> -->
                    </div>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="options_row_title">
                    <p>审查时间：</p>
                    <el-date-picker
                      v-model="chushirenDate"
                      type="date"
                      :readonly="isReadonly"
                      value-format="yyyy-MM-dd"
                      placeholder="选择日期时间"
                    ></el-date-picker>
                  </div>
                </el-col>
                <el-col :span="8" v-if="!isReadonly">
                  <div class="options_row_title">
                    <p>审查状态：</p>
                    <el-select v-model="chushirenStatus" placeholder="请选择">
                      <el-option label="同意" value="APPROVED"></el-option>
                      <el-option label="拒绝" value="REJECTED"></el-option>
                    </el-select>
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
        </div>
        <div class="btn" v-if="isSzxcsfzrBtn">
          <el-button size="medium" type="primary" :loading="isLoading" @click="btnTijiao">提交</el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import xTable from "@/views/xtable.vue";
import {
  queryCityCenterInfo,
  queryOpinionType,
  queryAttachmentInfo,
  saveOpinion,
  saveOfficePeopleOpinion,
  getCityCenterOpinion
} from "@/api/storeForRecordSee";
import { getTime } from "@/api/getTime";
import { setTimeout } from "timers";
import { findById } from "@/api/common";
import optionList from "@/components/optionList";
export default {
  components: {
    optionList
  },
  filters: {
    statusFilter(status) {
      const statusMap = {
        published: "success",
        draft: "gray",
        deleted: "danger"
      };
      return statusMap[status];
    }
  },
  data() {
    return {
      optionListCode: "StoringRecordSecondAudit",
      fullscreenLoading: false, //全屏加载
      cuowuList: [], //错误类型数组
      radio: "YES", //该片块图件是否为遗漏复垦点
      radio1: "YES", //审定规模与送审规模是否一致
      textarea: "",
      value: "",
      showChaKan: false, //显示隐藏查看框

      activeName: "2",
      list: null,
      listLoading: true,
      listQuery: {
        page: 1,
        size: 10,
        projectId: 40
      },
      total: 0, //总数
      defaultProps: {
        children: "children",
        label: "label"
      },
      shenchaFlag: false, //审查弹框控制
      showThreeFlag: false, //是否显示三个输入框
      fujianList: [], //附件数组
      itemData: "", //单个附件的数据
      yijianValue: "", //意见值
      yijianContent: "", //意见内容
      itemDataForTable: {
        landId: "", //片块ID
        isIdenticalScale: "", //审定规模与送审规模是否一致,可用值:YES,NO
        isMissingReclaimPoint: "", //是否为遗漏复垦点,可用值:YES,NO
        auditScaleChangeReason: "", //审减（增）原因，有原因时填写
        attachedLand: "", //附属用地
        homestead: "", //宅基地
        other: "" //其他
      },

      flag: "1",
      input: "",
      value1: "",
      queryCityCenterInfo: "", //基本信息
      opionionList: [], //意见类型
      opinionValue: "", //意见值
      attachmentInfo: "", //附件信息
      opinionContent: "", //意见内容
      attachment: "", //单个附件信息
      attachmentType: "", //附件类型

      chushirenOpinion: "", //处室人意见
      chushiren: "", //处室人
      chushirenDate: "", //处室日期，
      chushirenStatus: "", //处室状态

      jingbanrenOpinion: "", //经办人意见
      jingbanren: "", //经办人
      jingbanrenDate: "", //经办日期，
      jingbanrenStatus: "", //经办状态

      isLoading: false,

      isReadonly: false,
      isSzxcsfzrBtn: false,
      userIcon: "", //用户签名照
      isStar: ""
    };
  },
  created() {
    this.chushirenDate = getTime();
    this.getInfo();
    this.getCenterOpinion();
    if (
      localStorage.getItem("router") ==
      "STORING_RECORD_SECOND_AUDIT_SECOND_OPINION"
    ) {
      this.isSzxcsfzrBtn = true;
      this.isReadonly = false;
      if (localStorage.getItem("menusName") == "ROLE_SZXYWCSFZR") {
        this.isReadonly = false;
        this.isSzxcsfzrBtn = true;
      } else {
        this.isReadonly = true;
        this.isSzxcsfzrBtn = false;
      }
    } else {
      this.isReadonly = true;
      this.isSzxcsfzrBtn = false;
    }
    if (localStorage.getItem("lookStatus") == 2) {
      this.isReadonly = true;
      this.isSzxcsfzrBtn = false;
    }
  },
  methods: {
    //切换选项卡
    handleClick(tab, event) {
      console.log(tab, event);
    },
    //获取用户信息
    userInfo() {
      var data = {
        id: localStorage.getItem("userId")
      };
      findById(data).then(res => {
        console.log(res, "用户信息");
        this.userIcon = res.data.signedPhoto;
      });
    },
    getCenterOpinion() {
      let obj = {
        projectId: localStorage.getItem("projectId")
      };
      getCityCenterOpinion(obj).then(res => {
        this.jingbanrenOpinion = res.data.agentOpinion;
        this.jingbanren =
          res.data.agentDto != null ? res.data.agentDto.signedPhoto : "";
        this.jingbanrenDate = res.data.agentAuditDate;
        this.jingbanrenStatus = res.data.agentAuditResult;
        this.isStar = res.data.isStarMarkingProject == "YES" ? true : false;
        this.chushirenOpinion = res.data.officePeopleOpinion;
        this.chushiren =
          res.data.officePeople != null
            ? res.data.officePeople.signedPhoto
            : this.$store.state.user.userInfo.signedPhoto;
        this.chushirenDate =
          res.data.officePeopleAuditDate != null
            ? res.data.officePeopleAuditDate
            : getTime();
        this.chushirenStatus = res.data.officePeopleAuditResult;
      });
    },
    btnTijiao() {
      let obj = {
        projectId: localStorage.getItem("projectId"),
        opinion: this.chushirenOpinion,
        checkCensorId: localStorage.getItem("userId"),
        auditDate: this.chushirenDate,
        auditResult: this.chushirenStatus
      };
      this.isLoading = true;
      saveOfficePeopleOpinion(obj)
        .then(res => {
          this.isLoading = false;
          if (res.code == 1000) {
            this.$alert("当前流程办理完成", "提示", {
              confirmButtonText: "确定",
              callback: action => {
                this.$router.push({
                  path: "/xmkgh/ywdeal"
                });
              }
            });
            this.getCenterOpinion();
            this.$refs.optionList.getProgress();
          }
        })
        .catch(error => {
          this.isLoading = false;
        });
    },
    // btnOpinion() {
    //   //保存项目入库备案信息要件审查意见(附件意见)
    //   let obj = {
    //     projectId: localStorage.getItem("projectId"),
    //     opinion: this.opinionContent,
    //     opinionType: this.opinionValue,
    //     enclosureType: this.attachmentType,
    //     enclosureId: this.attachment.id
    //   };
    //   saveOpinion(obj).then(res => {
    //     if (res.code == 1000) {
    //       this.$message({
    //         message: "提交成功",
    //         type: "success"
    //       });
    //       this.flag = 3;
    //       this.showChaKan = false;
    //       this.getAttachment();
    //     } else {
    //       this.$message({
    //         message: res.msg,
    //         type: "error"
    //       });
    //     }
    //   });
    // },
    // checkAttachment(info, type) {
    //   //查看附件信息
    //   this.attachmentType = type;
    //   this.attachment = info;
    //   this.showChaKan = true;
    // },
    // getAttachment() {
    //   //查询附件信息
    //   let obj = {
    //     projectId: localStorage.getItem("projectId")
    //   };
    //   queryAttachmentInfo(obj).then(res => {
    //     this.attachmentInfo = res.data;
    //   });
    // },
    // getOptionionType() {
    //   //查询意见类型
    //   queryOpinionType().then(res => {
    //     this.opionionList = res.data;
    //   });
    // },
    getInfo() {
      //查询项目基本信息和建设信息-----市中心
      let obj = {
        projectId: localStorage.getItem("projectId")
      };
      queryCityCenterInfo(obj).then(res => {
        this.queryCityCenterInfo = res.data;
      });
    }
  }
};
</script>

<style lang="scss" scoped>
.form /deep/ .el-input__inner {
  width: 200px;
}
</style>

<style lang="scss" scoped>
.tongyongBox {
  padding: 20px;
  box-sizing: border-box;
}
.box {
  border-top: none;
  border-radius: 5px;
  // background: #fff;
  .box_ifram {
    width: 600px;
    height: 400px;
    border: 1px solid black;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -25%;
    margin-top: -10%;
  }

  .basicInfo {
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    .basicInfo_title {
      height: 50px;
      background: #f8f8f8;
      padding: 0px 30px;
      line-height: 50px;
      color: #333;
      font-size: 18px;
      font-weight: bold;
      border-top: 1px solid #efefef;
      border-bottom: 1px solid #efefef;
    }

    .basicInfo_content {
      padding: 30px 40px;

      .select_bxo {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        div {
          font-size: 14px;
          color: #444;
        }
        .input {
          width: 200px;
          margin: 0px 20px 0px 10px;
        }
      }
      /deep/ .el_row {
        margin-bottom: 25px;
        line-height: 22px;
        div {
          font-size: 13px;
          color: #606266;
          display: flex;
          align-items: center;
          b {
            color: #444444;
            margin-right: 10px;
          }
          strong {
            color: #444444;
            margin-right: 10px;
          }
        }
      }
    }

    .basicInfo_content_title {
      display: flex;
      // justify-content: space-between;
    }
    .basicInfo_two {
      /deep/ .el_row {
        .basicInput {
          .basicInput_title {
            width: 150px;
          }
          .basicInput_title1 {
            width: 150px;
          }
        }
      }
    }
  }
  .basic_row {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #444;
    font-weight: bold;
    margin-bottom: 25px;
    span {
      margin-right: 20px;
    }
  }
  .basicInfo_options {
    padding: 0px 40px;
    .options {
      font-size: 13px;
      font-weight: bold;
      color: #444;
      margin-top: 40px;
      .options_select {
        margin: 10px 0px;
      }
      .options_row {
        margin-top: 15px;
        display: flex;
        align-items: center;
        .options_row_title {
          display: flex;
          align-items: center;

          .options_row_img img {
            width: 105px;
            height: 59px;
            margin-left: 20px;
          }
        }
      }
    }
  }

  .btn {
    // text-align: center;
    margin-bottom: 20px;
    margin-left: 50px;
  }
}
#earlyStageAchievementOpinion1 {
  padding: 30px;
  box-sizing: border-box;
}
#earlyStageAchievementOpinion1 .boxItem {
  width: 100%;
  background-color: #fff;
}
#earlyStageAchievementOpinion1 .boxItem_title {
  width: 100%;
  background: #f8f8f8;
  height: 50px;
  border: 1px solid #efefef;
  overflow: hidden;
  font-size: 14px;
  color: #48494d;
  font-weight: bold;
  text-indent: 20px;
  line-height: 50px;
}
#earlyStageAchievementOpinion1 .boxItem_content {
  width: 100%;
  border: 1px solid #ebebeb;
  border-top: none;
  padding: 30px;
  padding-top: 0;
  box-sizing: border-box;
}
#earlyStageAchievementOpinion1 .boxItem_content_row {
  display: flex;
  align-items: center;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item {
  display: flex;
  align-items: center;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item_noFlex {
  display: flex;
  width: 100%;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item:nth-child(2n-1) {
  margin-right: 300px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item p {
  font-size: 14px;
  line-height: 36px;
  width: 165px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item_noFlex p {
  font-size: 14px;
  line-height: 36px;
  width: 140px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item p:first-child {
  color: #444;
  font-weight: bold;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item p:last-child {
  color: #666;
}
#earlyStageAchievementOpinion1 .uploadDownLoadBox_item {
  margin: 20px 0;
}
#earlyStageAchievementOpinion1 .uploadDownLoadBox_item p {
  width: 140px;
}
#earlyStageAchievementOpinion1 .button_box {
  margin-top: 54px;
}
#earlyStageAchievementOpinion1 .button_box_item {
  margin-right: 10px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item_input {
  position: relative;
}
#earlyStageAchievementOpinion1 /deep/ .el-input__inner {
  padding-right: 50px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item_input span {
  position: absolute;
  right: 10px;
  top: 3px;
  height: 36px;
  line-height: 36px;
  z-index: 1;
  color: #999;
}
#earlyStageAchievementOpinion1 .table-doc-view {
  border-collapse: collapse;
}
#earlyStageAchievementOpinion1 .table-doc-view tr,
.table-doc-view td {
  border: 1px solid #ccc;
  padding: 10px 10px;
}
#earlyStageAchievementOpinion1 .table-doc-view tr,
.table-doc-view td {
  border: 1px solid #ccc;
  padding: 10px 10px;
}
#earlyStageAchievementOpinion1 .table-doc-view td {
  font-size: 14px;
  color: #444;
  min-height: 30px;
}
#earlyStageAchievementOpinion1 .table-doc-view .taoc-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#earlyStageAchievementOpinion1 .table-doc-view .taoc-center {
  text-align: center;
}

#earlyStageAchievementOpinion1 .boxItem_content_row_item_noFlex_textarea {
  width: 80%;
}
#earlyStageAchievementOpinion1 .shencharen {
  display: flex;
  margin-right: 300px;
}
#earlyStageAchievementOpinion1 .shencharen img {
  width: 105px;
  height: 59px;
}
#earlyStageAchievementOpinion1 .shencharenTime {
  display: flex;
  align-items: center;
}
#earlyStageAchievementOpinion1 .shencharenTime p {
  width: 80px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_shenhe {
  margin: 30px 0;
}
#earlyStageAchievementOpinion1 .tableBoxData_title {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  color: #444;
  text-align: center;
  margin-bottom: 10px;
}
.tableBoxData_mainData {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tableBoxData_button_box {
  display: flex;
  justify-content: center;
}
.tableBoxData_button_box_item {
  margin: 0px 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}

/*************/
#qianqichjgcs /deep/ .el-tabs__nav-wrap::after {
  height: 1px;
}
#qianqichjgcs .mapBox {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
#qianqichjgcs .mapBox_left {
  width: 10%;
  border: 1px solid #e9e9e9;
  border-right: none;
}
#qianqichjgcs .mapBox_right {
  width: 90%;
  height: 600px;
}
#qianqichjgcs .mapBox_right img {
  width: 100%;
  height: 100%;
}
#qianqichjgcs .ditudanghang {
  background: #f2f2f2;
  height: 40px;
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 40px;
}
#qianqichjgcs .fujianList {
  margin-top: 30px;
}
#qianqichjgcs .fujianList_item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 30px;
}
#qianqichjgcs .fujianList_item p {
  width: 300px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
#qianqichjgcs .dachuShenChaBox {
  position: relative;
}
#qianqichjgcs .dachuShenCha {
  position: absolute;
  right: 0;
  top: -10px;
}
.showDetail {
  display: flex;
}
.chaKanBox_right_select {
  display: flex;
  align-items: center;
}
.chaKanBox_right_select p {
  font-size: 14px;
  color: #444;
  margin-right: 15px;
}
.chaKanBox_right {
  margin-left: 40px;
}
.chaKanBox_right_item {
  margin-bottom: 20px;
}
.chaKanBox_right_item_textarea {
  width: 600px;
}
.shenchaItem {
  display: flex;
  align-items: center;
}
.shenchaItem p {
  width: 230px;
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.shenChaTanKuang /deep/ .el-dialog {
  width: 500px;
}
.shenchaItem_item_textarea {
  width: 100%;
}
.shenchaItem_item_noFlex p {
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.shenchaItem_small {
  margin-top: 20px;
}
.shenchaItem_small p {
  width: 100px;
}
.shenchaItem_item_input {
  width: 260px;
}
.boxItem_content_row_item_noFlex_textarea {
  width: 90%;
}
</style>
